<template>
    <div class="activity">
        <!-- banner部分 -->
        <div class="banner case">
            <div class="title">
                <p>公益活动</p>
                <p class="en">Public benefit activities</p>
            </div>
        </div>
        <!-- main部分 -->
        <div class="main-case">
            <div class="layui-container">
                <div class="layui-row">
                    <div class="layui-inline content">
                        <div class="layui-inline case-img"><img src="../assets/res/static/img/case1.jpg"></div>
                        <p class="lable">活动名称</p>
                        <p>活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍。</p>
                    </div>
                    <div class="layui-inline content even center">
                        <div class="layui-inline case-img"><img src="../assets/res/static/img/case2.jpg"></div>
                        <p class="lable">活动名称</p>
                        <p>活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍。</p>
                    </div>
                    <div class="layui-inline content">
                        <div class="layui-inline case-img"><img src="../assets/res/static/img/case3.jpg"></div>
                        <p class="lable">活动名称</p>
                        <p>活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍。</p>
                    </div>
                    <div class="layui-inline content even">
                        <div class="layui-inline case-img"><img src="../assets/res/static/img/case4.jpg"></div>
                        <p class="lable">活动名称</p>
                        <p>活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍。</p>
                    </div>
                    <div class="layui-inline content center">
                        <div class="layui-inline case-img"><img src="../assets/res/static/img/case5.jpg"></div>
                        <p class="lable">活动名称</p>
                        <p>活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍。</p>
                    </div>
                    <div class="layui-inline content even">
                        <div class="layui-inline case-img"><img src="../assets/res/static/img/case6.jpg"></div>
                        <p class="lable">活动名称</p>
                        <p>活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍。</p>
                    </div>

                </div>
                <div id="casePage"></div>
            </div>
        </div>
    </div>
</template>
